<template>
  <div class="sponsor">
    <Headers/>
    <div class="itemtop">
      <div class="item">
        <div class="itemcenter clearfix">
          <img src="../../images/mainTwo/sponsor/未标题-2.png" />
          <p>美丽的一天</p>
          <div class="imgtext">
            <img src="../../images/mainTwo/sponsor/7.png" />
            <span>九天前</span>
            <img src="../../images/mainTwo/sponsor/8.png" />
            <span>3120</span>
            <img src="../../images/mainTwo/sponsor/9.png" />
            <span>30</span>
            <img src="../../images/mainTwo/sponsor/10.png" />
            <span>500</span>
          </div>
        </div>
      </div>
    </div>
    <Footers/>
  </div>
</template>

<script>

import Headers from "../../components/headershort.vue"
import Footers from "../../components/footer.vue"

export default {
  name: "sponsor",
  components: {
    Headers,
    Footers
  },
  data() {
    return {

    }
  }
}
</script>

<style lang='less' scoped>
.itemtop {
  margin-top:80/75rem;
  .item {
    width: 710/75rem;
    height: 320/75rem;
    box-shadow: 1px 1px 5PX gray;
    border-radius: 15/75rem;
    background: #fff;
    margin: 0 auto;
    .itemcenter {
      padding: 50/75rem 20/75rem;
      height: 154/75rem;
      position: relative;
      img {
        width: 300/75rem;
        height: 154/75rem;
        float: left
      }
      p {
        font-size: 36/75rem;
        margin-left: 80/75rem;
        float: left;
      }
      .imgtext {
        margin-left: 80/75rem;
        position: absolute;
        top: 170/75rem;
        right: 20/75rem;
        img {
          display: inline-block;
          width: 24/75rem;
          height: 24/75rem;
          margin-left: 20/75rem;
        }
        span {
          float: left;
          display: block;
          font-size: 26/75rem;
        }
      }
    }
  }
}
</style>
